.top{
    width:100%;
    height: 80px;
    position: absolute;
    top:0;
    z-index: 100;
}
/* 左侧logo和搜索框 */
.top .topLeft{
    display: block;
    width:82px;
    height:80px;
    padding:24px;
    float: left;
}
/* logo */
.top .logo{
    width:34px;
    height:34px;
    background: url(../../../public/airbnb.png) no-repeat center;
    background-size:contain; 
}
/* 搜索框 */
.top .topMidd{
    width:460px;
    height:48px;
    background: #fff;
    float: left;
    margin-top:16px;
    border-radius:3px;
    line-height: 48px; 
    padding-left: 14px;
    padding-top:14px; 
    border:1px solid rgb(235, 235, 235);
}


/* 放大镜 */
.fadajin{
    width:22px;
    height:22px;
    background:url(../../../public/fangda.png) no-repeat center;
    background-size:18px 18px;
    float: left; 
}
/* 搜索 */
.tex{
    height:22px;
    width:100%;
    float: left;
    line-height: 22px;
    font-size: 18px;
    color: #000;
    font-weight: bold;
}
/*  */
.quxiao{
    width:100%;
    height:22px;
    background: url(../../../public/cha.png) no-repeat center;
    float: left; 
    background-size:18px 18px;
}



/* 修改搜索框默认字体 */
.tex::-webkit-input-placeholder {
    color: #757575;
    font-size: 18px;
    font-weight: bold;

  }
  /* 清除搜素框 */

 
  /* 导航 */
.top .topRight{
    color: #fff;
    float:right;
    font-size:14px;
    text-align: center;
}
.top .topRight li{
    margin:0 15px;
    float: left;
    cursor:pointer;
    line-height: 78px;
    
}
.top .topRight li .nav{
    height:78px;
    display: block;
}
.top .topRight li:hover{
    border-bottom:2px solid #fff; 
}
.top .nav{
    color: #fff;
    font-weight: bold;
   
}